import Vue from "vue";
import store from "./store";
import api from "./api/install";
Vue.use(api);
import utils from "@/utils/utils";
import "./utils/rem";
import defaultImg from "@/utils/defaultImg";
Vue.use(defaultImg);
// import './assets/styles/global.scss';

import App from "./App.vue";
import router from "./router";
// import animate from "animate.css";
import "@/assets/svg_icon";

import {
  // Loadmore,
  Search,
  Button,
  Spinner,
  Lazyload,
  // Swipe,
  // SwipeItem,
  TabContainer,
  TabContainerItem,
  InfiniteScroll,
  Header,
  Popup,
  Field,
  Switch,
} from "mint-ui";
Vue.use(Lazyload).use(InfiniteScroll);
// Vue.component(Loadmore.name, Loadmore);
Vue.component(Search.name, Search);
Vue.component(Button.name, Button);
Vue.component(Spinner.name, Spinner);
// Vue.component(Swipe.name, Swipe);
// Vue.component(SwipeItem.name, SwipeItem);
Vue.component(TabContainer.name, TabContainer);
Vue.component(TabContainerItem.name, TabContainerItem);
Vue.component(Header.name, Header);
Vue.component(Popup.name, Popup);
Vue.component(Field.name, Field);
Vue.component(Switch.name, Switch);

Vue.config.productionTip = false;
Vue.prototype.utils = utils;

new Vue({
  router,
  store,
  render: (h) => h(App),
}).$mount("#app");
